@import "@wordpress/base-styles/breakpoints";
@import "@wordpress/base-styles/mixins";
@import "@wordpress/base-styles/variables";

.shopping-cart {
	@include break-large {
		margin-inline-end: 32px;
	}
}

.badge.shopping-cart__button-badge {
	display: flex;
	@include heading-small;
	width: 18px;
	height: 18px;
	padding: 0;
	align-items: center;
	justify-content: center;
	position: absolute;
	margin-block-start: -12px;
	margin-inline-start: 26px;

	&.is-hidden {
		visibility: hidden;
	}
}
